---
name: Content
order: 9
---

import { Playground, PropsTable } from 'docz'
import {Lorem} from './site/data/poc.js'
import Dante from './editor/components/Dante/Dante.js'
import {State, Toggle} from 'react-powerplug'

# Initial Content & Read Only

This example cames with a example content. The content must be in the Draft's editor state format. check out the poc.js file in Dante's repo


> Note that this example has a button to toggle the readOnly prop on editor.

---- 
<Playground>
  <Toggle initial={false}>
    {
      ({ on, toggle }) => {
        return <div>
          <Dante 
            content={Lorem}
            read_only={on}
          />

          <button onClick={toggle}>
            read only
          </button>
          {on ? ' si' : ' no' }
        </div>
      }
    }
  </Toggle>
</Playground>
